<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
        <div class="footer">
            <div class="container">
                <div class="col-sm-6 col-xs-12 footer-left">
                    <div style="width: 50%;float:left;padding-top:10%">
                        <div style="width:100%;float:left;text-align: center">
                            关于我们
                        </div>
                        <div style="width:100%;float:left;padding-top:30%;text-align: center">
                            加入我们
                        </div>
                    </div>
                    <div style="width: 50%;float:left;padding-top:10%">
                        <div style="width:100%;float:left;text-align: center">
                            联系我们
                        </div>
                        <div style="width:100%;float:left;padding-top:30%;text-align: center">
                            签约主播
                        </div>
                    </div>
                    <div  style="width: 100%;float:left;padding-top:30%;padding-bottom: 10%;text-align: center">
                        Copyright@2018-至今  泽特洛夫传媒科技有限公司 版权所有
                    </div>
                </div>
                <div class="col-sm-6 col-xs-12 footer-right" style="padding-left: 10%;">
                    <p style="line-height: 30px;padding-top:10%">如有建议，请留言给我们！</p>
                    <p style="line-height: 35px;padding-top:5%"><input type="text" name="name" id="name" placeholder="您的姓名" style="background: rgba(0,0,0,0);border-bottom: 1px solid #979895;outline:none;border-top:0px;border-left:0px;border-right:0px;width: 100%;color: #fff"></p>
                    <p style="line-height: 35px;padding-top:5%"><input type="text" name="email"  id="email" placeholder="您的邮箱" style="background: rgba(0,0,0,0);border-bottom: 1px solid #979895;outline:none;border-top:0px;border-left:0px;border-right:0px;width: 100%;color: #fff" ></p>
                    <p style="line-height: 35px;padding-top:5%"><input type="text" name="advice"  id="advice"  placeholder="您的建议" style="background: rgba(0,0,0,0);border-bottom: 1px solid #979895;outline:none;border-top:0px;border-left:0px;border-right:0px;width: 100%;color: #fff"></p>
                    <p style="line-height: 35px;padding-top:10%"><input type="button" value="发送您的建议" onclick="addAdvice()" class="submit" style="background: red;border: none;outline: none;border-radius: 0.3em; width: 60%;"/></p>
                </div>
            </div>
        </div>

<script type="text/javascript">
 function addAdvice(){
     var name =$("#name").val();
     var email =$("#email").val();
     var advice =$("#advice").val();
     var emailReg=/^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
     var flag = true;
     if(name=="" || name==null){
         alert('请输入您的姓名');
         flag = false;
         return;
     }
     if(email=="" || email==null){
         alert('请输入您的邮箱');
         flag = false;
         return;
     }
     if(!emailReg.test(email)){
         alert("您输入的邮箱格式不对,请输入正确的邮箱,方便联系您。");
         flag = false;
         return;
     }
     if(advice=="" || advice==null){
         alert('请输入您的意见');
         flag = false;
         return;
     }


     if(flag){
         var url ='/sites/addAdvice';
         var params = {name:name,email:email,advice:advice};
         $.post(url,params,function(json){
             if(json.statusCode == 200){
                alert("您的意见已收到,非常感谢!")
                 $("#name").val("");
                 $("#email").val("");
                 $("#advice").val("");
             }else{
                 alert("您的意见未收到,您在从新提交一下！")
             }
         });
     }
 }
</script>

